.activation {
    width: 100%;
    height: 100%;
    background: url('../assets/bg.png') no-repeat;
    background-size: 100% 100%;
    //background: rgba(255, 255, 255, 0.25);
    //backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    //
    .activationCon {
        width: 100%;
        height: 100%;

        //background: rgba(255, 255, 255, 0.05);
        //backdrop-filter: blur(10px);
        //border: 0px solid rgba(255, 255, 255, 0.18);
        //box-shadow: rgba(142, 142, 142, 0.19) 0 6px 15px 0;
        ////color: rgba(255, 255, 255, 0.15);
        //border-radius: 10px;
        display: flex;
        align-items: center;
    }

    .bgDiv {
        width: 85%;
        height: 85%;
        margin: 0 auto;
        border-radius: 10px;
        background: rgba(238, 238, 238, 1);
        display: flex;
        justify-content: space-between;

        .leftCon {
            width: 70%;
            height: 100%;
            background: #fff;

            .leftCon_title {
                border-bottom: 2px solid rgb(243, 243, 243);
                display: flex;
                justify-content: space-between;
                padding: 20px;

                div:nth-child(2) {
                    font-size: 20px;
                    color: rgb(58, 60, 63);
                }

                div:last-child {
                    span {
                        color: rgb(52, 131, 242);

                        &:hover {
                            cursor: pointer;
                            border-bottom: 1px solid rgb(52, 131, 242);
                        }
                    }
                }
            }

            .leftCon_steps {
                width: 80%;
                margin: 0 auto;
                padding: 20px;
            }

            .leftCon_content {
                width: 80%;
                height: 80%;
                margin: 0 auto;
                padding: 20px;

                .leftCon_contentDiv {
                    width: 100%;
                    height: 90%;
                    overflow-y: scroll;

                    &::-webkit-scrollbar {
                        width: 10px;
                    }

                    .readUserAgree {
                        color: rgb(14, 125, 242);
                        cursor: pointer;
                    }
                    .ivu-card {
                        /deep/ .ivu-checkbox-checked .ivu-checkbox-inner {
                            background: #f00 !important;
                            border-color: #f00 !important;
                        }
                    }

                    .leftCon_contentDiv_con {
                        text-align: center;
                        display: flex;
                        justify-content: space-around;

                        .ivu-icon {
                            color: rgb(4, 194, 135);
                            font-size: 180px;
                        }
                    }
                }
            }
        }

        .rightCon {
            width: 29.8%;
            height: 100%;
            background: #fff;
            padding: 50px;

            div {
                color: rgb(255, 0, 0);
            }

            div:first-child {
                padding: 20px 0;
            }
        }
    }

    ////左侧
    //.leftCon {
    //  width: 100%;
    //  height: 100%;
    //  padding: 30px;
    //}
    //.ivu-card {
    //  width: 100%;
    //  height: 100%;
    //
    //  .headerCon {
    //    //width: 120px;
    //    //text-align: center;
    //    h1 {
    //      color: rgb(1, 1, 1);
    //      border-left: 5px solid rgb(55, 140, 254);
    //      padding-left: 10px;
    //      //padding-bottom: 10px;
    //      margin: 0 0 10px;
    //    }
    //  }
    //}
    ////  右侧
    //.rightCon {
    //  width: 100%;
    //  height: 100%;
    //  padding: 30px;
    //}
}
